<!DOCTYPE html>
<html>
{% block content %}
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<title>牌局房间分享</title>
<meta name="screen-orientation" content="portrait">
<meta name="x5-orientation" content="portrait">
<link rel="shortcut icon" href="/favicon.ico">
<script type="text/javascript">
function switchfun(){
	var maxwidth = 750;
    var clientWidth = document.documentElement.clientWidth > maxwidth ? maxwidth: document.documentElement.clientWidth;
    document.documentElement.style.fontSize = (clientWidth / 7.5) + "px";
}
window.onresize = switchfun;
switchfun();
</script>
<link href="/static/yj/css/template.css" rel="stylesheet">
<link href="/static/yj/css/activity_hx.css" rel="stylesheet">
</head>
<body class="appdownbg">
<div class="wrapper appdownpage">
    <div class="appdownspace">
        
        <div class="dw_area">
                <div class="in">
                    <span class="m">
                        <img src="{{puserinfo.headimgurl}}" alt="">
                    </span>
                    <section class="rt_t">
                        <h3>玩家 “{{puserinfo.nickname}}”</h3>
                    </section>
                </div>
                <div class="game_lis">
                    <h3>邀请您加入 “{{room}}” 号房间</h3>
                </div> 
                <div class="gameinf">
                      	玩法:跑得快，2人玩，16张张，斗地主、三张牌等多种棋牌游戏集锦<br>
                        
                 </div> 
        </div>
    </div>
    <div class="appdownbtn">
        <a href="https://fir.im/7myz" class="downbtn iosbtn" id="iosbtn">ios下载</a>
        <a href="https://fir.im/fe8k" class="downbtn andbtn" id="andbtn">android下载</a>
    </div>
    <!--
    <div class="appdownbtn">
        <a href="itms-services://?action=download-manifest&url=https://download.qiaochucn.com/eggs_farm/app/manifest.plist" class="downbtn iosbtn" id="iosbtn">ios下载</a>
        <a href="../app/eggs.apk" class="downbtn andbtn" id="andbtn">android下载</a>
    </div>
-->
    <!--
    <div class="tipblocks" style="display: none;" id="tipblocks">
        <div class="tiptit"></div>
        <div class="tipblock">
            <img src="/static/yj/images/appdown_tipstep1.png" alt="">
            <img src="/static/yj/images/appdown_tipstep2.png" alt="">
            <img src="/static/yj/images/appdown_tipstep3.png" alt="">
        </div>
    </div>
    -->
</div>
<div class="pagemask downloadsafari" id="downloadsafari">
    <div class="maskdetail">
        <img class="cusclosebtn" src="/static/yj/images/appdown_safari.png" alt="">
        <p class="downtiptxt">请在浏览器中打开</p>
    </div>
</div>
<script src="//cdn.staticfile.org/jquery/1.12.4/jquery.min.js"></script>
<script>
var
tmpU = navigator.userAgent,
downloadsafari = $("#downloadsafari");
downloadsafari.on("click", function(){
    downloadsafari.hide();
});
// mainapp.pageAlertInit(downloadsafari);
if(/iPhone|iPod|iPad/i.test(tmpU)){
    $("#iosbtn").css("display", "block");
    $(".appdownbtn").css("margin-top","0");
}else if(/Android/i.test(tmpU)){
    //$(".appdownbg").css("background-image","url(/static/yj/images/appdown_android_bg.jpg)");
    $("#andbtn").css("display", "block");
}
if(/iPhone|iPod|iPad/i.test(tmpU)){
    // $(".downbtn").on("click", function(){
    //     alert("敬请期待");
    //     return false;
    // });
}else if(/MicroMessenger/i.test(tmpU)){
    //in weixin
    $(".downbtn").on("click", function(){
        downloadsafari.show();
        return false;
    });
}
//if(/iPhone|iPod|iPad/i.test(tmpU)){
    //$("#tipblocks").show();
//}
</script>
</body>
{% endblock%}
</html>
